<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="JS代码,图片特效,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为两种html5图片展示效果，属于站长常用代码，更多图片特效代码请访问懒人图库JS代码
频道。" />
<title>两种html5图片展示效果_懒人图库</title>
{dede:include filename="cssjs.htm"/}

<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/css/index.css">

<!--[if IE]>
<script src="public/js/html5.js" type="text/javascript"></script>
<![endif]-->
</head>
<body>
    {dede:include filename="head.htm"/}

<div class="sidebar inner">
    <div class="sb_nav">
	{dede:include filename="product_left.htm"/}
    </div>
    <div class="sb_box">
	   <h3 class="title">
			<div class="position">当前位置：{dede:field name='position'/}</div>
			<span>{dede:type}<a href=" [field:typelink  /] "> [field:typename/] </a>{/dede:type}</span>
		</h3>
		<div class="clear"></div>

        <div class="active" id="productlist" style="display:none;">
			<ul class='list-none metlist'><li class='list'></li></ul>
			<div class="clear"></div>
		</div>
			<!-- 代码 开始 -->
  <main>
        <ul class="ul items">
            <li>
                <figure class="effect-jazz">
                    <img src="{dede:global.cfg_templets_skin/}/images/2222.png" alt="云上的日子|soft days">
                    <figcaption>
                        <h2>
                            云上的日子
                            <br>
                            <span>
                                soft days
                            </span>
                        </h2>
                        <p>
                            单页
                        </p>
                        <a href="http://www.lanrentuku.com/" target="_blank">
                            查看更多
                        </a>
                    </figcaption>
                </figure>
            </li>
            <li>
                <figure class="effect-jazz">
                    <img src="{dede:global.cfg_templets_skin/}/images/2222.png" alt="婚礼的祝福|wedding blessing">
                    <figcaption>
                        <h2>
                            婚礼的祝福
                            <br>
                            <span>
                                wedding blessing
                            </span>
                        </h2>
                        <p>
                            喜帖
                        </p>
                        <a href="http://www.lanrentuku.com/" target="_blank">
                            查看更多
                        </a>
                    </figcaption>
                </figure>
            </li>
            <li>
                <figure class="effect-jazz">
                    <img src="{dede:global.cfg_templets_skin/}/images/2222.png" alt="美食艺术家|taste">
                    <figcaption>
                        <h2>
                            美食艺术家
                            <br>
                            <span>
                                taste
                            </span>
                        </h2>
                        <p>
                            餐厅
                        </p>
                        <a href="http://www.lanrentuku.com/" target="_blank">
                            查看更多
                        </a>
                    </figcaption>
                </figure>
            </li>
            <li>
                <figure class="effect-jazz">
                    <img src="{dede:global.cfg_templets_skin/}/images/2222.png" alt="梦想家|dreamer">
                    <figcaption>
                        <h2>
                            梦想家
                            <br>
                            <span>
                                dreamer
                            </span>
                        </h2>
                        <p>
                            商城
                        </p>
                        <a href="http://www.lanrentuku.com/" target="_blank">
                            查看更多
                        </a>
                    </figcaption>
                </figure>
            </li>

        </ul>
    </main>

		<div id="flip"><div class='digg4 metpager_8'><span class='disabled disabledfy'><b>«</b></span><span class='disabled disabledfy'>‹</span><span class='current'>1</span><span class='disabled disabledfy'>›</span><span class='disabled disabledfy'><b>»</b></span></div></div>

    </div>
    <div class="clear"></div>
</div>

<footer>
		{dede:include filename="foot.htm"/}
</footer>
<script src="../templates/default/images/js/fun.inc.js" type="text/javascript"></script>

</body>
</html>